// 根据屏幕的宽度定义根元素fontSize的大小

// 1.定义最大的fontSize
const MAX_FONT_SIZE = 40
// 2.监听html文章被解析完成的事件
document.addEventListener('DOMContentLoaded', () => {
  // 2.1 获取html标签
  const html = document.querySelector('html')
  // 2.2 屏幕的宽度除以10，获取根元素fontSize标准
  let fontSize = window.innerWidth / 10
  // 2.3 获取到fontSize的标准不允许超过我们定义的最大值
  fontSize = fontSize > MAX_FONT_SIZE ? MAX_FONT_SIZE : fontSize
  // 2.4 定义根元素fontSize的大小
  html.style.fontSize = fontSize + 'px'
})
